<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="../lib/react.js"></script>
  <script src="../lib/react-dom.js"></script>
  <script src="../lib/browser.min.js"></script>
</head>
<body>
  <div id="example"></div>
  <script type="text/babel">
    var htmls = [<h1 key="1">Hello</h1>, <h2 key="2">World</h2>, <h3 key="3" style={{color:'red'}}>Awsome!</h3>];
    
    // JSX允许直接在模板中插入JS变量，如果是数组则展开所有数组成员
    ReactDOM.render(
      <div>{htmls}</div>,
      document.getElementById('example')
    );
  </script>
</body>
</html>